<template>
    <div>
        <!-- tabs标签页 -->
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="部门管理" name="first">
                <DepartmentMenu />
            </el-tab-pane>
            <el-tab-pane label="职位管理" name="second">
                <PositionMenu />
            </el-tab-pane>
            <el-tab-pane label="职称管理" name="third">
                <JoblevelMenu />
            </el-tab-pane>
            <el-tab-pane label="奖惩规则" name="fourth">
                <EcMenu />
            </el-tab-pane>
            <el-tab-pane label="权限组" name="five">
                <PermissionMenu />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
// 导入所有表格组件
// 部门管理
import DepartmentMenu from "../../components/system/DepartmentMenu.vue";
// 奖惩管理
import EcMenu from "../../components/system/EcMenu.vue";
// 职称管理
import JoblevelMenu from "../../components/system/JoblevelMenu.vue";
// 权限组
import PermissionMenu from "../../components/system/PermissionMenu.vue";
// 职位管理
import PositionMenu from "../../components/system/PositionMenu.vue";

export default {
    components: {
        DepartmentMenu,
        EcMenu,
        JoblevelMenu,
        PermissionMenu,
        PositionMenu,
    },
    data() {
        return {
            // 默认激活的tab
            activeName: "first",
        };
    },
};
</script>

<style>
</style>